Refactor duplicated code: extract reusable partials and helpers - #241

Eliminated code duplication across template files by extracting repeated patterns into reusable partials.

Changes

• Social network icons - Extracted 5 SVG definitions (GitHub, LinkedIn, Twitter, Instagram, Facebook) from inline markup into layouts/partials/socialIcons/

  • Reduced socialNetwork.html from 95 to 37 lines

• Card components - Created reusable partials for repeated card markup:

  • layouts/partials/cards/project.html - Used in 3 locations (projects section, projects list, content pages)
  • layouts/partials/cards/blogPost.html - Used in 2 locations (blog list, recent posts footer)

• Achievement cards - Collapsed URL/non-URL variants into single conditional structure

  • Reduced from 38 to 21 lines

• ID sanitization - Extracted replaceRE regex pattern into layouts/partials/helpers/sanitizeId.html

  • Removed 5 duplicate instances in experience section

Example

Before:

<div class="card my-3 h-100">
  <div class="card-head">
    <img class="card-img-top" src="{{ .image }}" alt="{{ .title }}">
  </div>
  <!-- 30+ lines of card markup -->
</div>

After:

{{- partial "cards/project.html" . -}}

Impact: Net -32 lines, improved consistency across theme.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.